@import url("../../../assets/css/var.less");

.home-wrap {
  margin-bottom: 50px;

  .grid-box {
    display: flex;
    flex-wrap: wrap;

    .grid-item {
      width: 20%;
      height: 70px;
      .center();
      flex-direction: column;
      border-bottom: 1px solid #ddd;
      border-right: 1px solid #ddd;

      &:nth-child(5n) {
        border-right: none;
      }

      .grid-img {
        width: 30px;
        height: 30px;
        margin-bottom: 6px;
      }
    }
  }

  .pro-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;

    .pro-item {
      width: 46%;
      height: 277px;
      border: 1px solid #ddd;
      margin-top: 10px;

      .desc {
        padding: 10px;

        p {
          .ell2(2)
        }
        span {
          color: @theme-color;
        }
      }
    }
  }
}

